<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="dv">

  </div>
</body>
<script>
  /* 
  三种动态创建元素
    document.write();
     会页面重绘，不好用的 
    element.innerHTML();
     
    document.createElement()
*/
  // 使用innerHTML创建元素
  let arr = [];
  for (let i = 0; i <= 100; i++) {
    arr.push(`<a href="#">大家好呀</a>`);
  };
  let dv = document.querySelector(".dv");
  // 将数组转为字符串后并输出给了dv里面的内容
  dv.innerHTML = arr.join("");
</script>

</html>